<script setup>
import {ref,onMounted} from 'vue'
import WOW from 'wow.js'
import FloatingBackButton from './FloatingBackButton.vue';
import Tooltip from './Tooltip.vue';

let n = ref(0);
let joinlist = ref();
let aboutlist = ref();

onMounted(async()=>{
 var wow = new WOW({
    boxClass: 'wow', // 需要执行动画的元素的 class; 【String类型】默认值：‘wow'；
    animateClass: 'animated', // animation.css 动画的 class; 【String类型】默认值：‘animated'；
    offset: 0, // 距离可视区域多少开始执行动画；【整数Number类型】默认值：0；
    mobile: true, // 是否在移动设备上执行动画；【Boolean类型】默认值: true;
    live: true // 异步加载的内容是否有效；【Boolean类型】默认值: true;
    });
 wow.init();

})

function action(i) {
    n.value = i
}
const definitions = {
    termA: '<h3>民事行为能力的认定民事行为能力是自然人通过自己的行为参加民事活动、享有民事权利、承担民事义务的能力和资格。</h3> <ul> <li>1.完全民事行为能力人：十八周岁以上的自然人，以及十六周岁以上不满十八周岁，并以自己的劳动收入为主要生活来源的自然人，为完全民事行为能力人，可以独立实施民事法律行为。</li><li>2.限制民事行为能力人：八周岁以上的未成年人，以及不能完全辨认自己行为的成年人为限制民事行为能力人，可以独立实施纯获利益的民事法律行为（如接受赠与等）或者与其年龄、智力相适应的民事法律行为，但实施其他民事法律行为由其法定代理人代理或者经其法定代理人同意、追认。</li><li>3.无民事行为能力人：不满八周岁的未成年人，不能辨认自己行为的八周岁以上的未成年人，以及不能辨认自己行为的成年人为无民事行为能力人，由其法定代理人代理实施民事法律行为。</li></ul>'
}

</script>

<template>
    <FloatingBackButton />
    <!-- <div class="bgih1"></div> -->
    <div class="bgih6 wow fadeInDown">
        <div class="title1 wow fadeInDown"><h1>保险合同注基本要素</h1></div>
    </div>
    <div class="containerLong wow fadeInUp">
        
        <!-- <div class="whiteline"></div> -->
        <div class="title2">
            <h2 class="wow fadeInDown">
                ·保险合同的基本内容
            </h2>
        </div>
        <!-- <div class="whiteline"></div> -->
        <div class="content">
            <p class="wow fadeInDown">
                保险合同通常明确列举了常见的<b>风险类型</b>和<b>损失类型</b>，常见的保险合同应当包括：<br>
                保险人的名称和住所；投保人、被保险人的姓名或者名称、住所；以及人身保险的受益人的姓名或者名称、住所；
                保险标的；保险责任和责任免除；保险期间和保险责任开始时间；保险金额；保险费以及支付办法；保险金赔偿或者给付办法；
                违约责任和争议处理；订立合同的年、月、日；投保人和保险人可以<b>约定</b>与保险有关的其他事项。
            
            </p>
        </div>
        <!-- <div class="whiteline"></div> -->
        <div class="title2">
            <h2 class="wow fadeInDown">
                ·投保人资格
            </h2>
        </div>
        <!-- <div class="whiteline"></div> -->
        <div class="content">
            <p class="wow fadeInDown">
                投保人具备以下条件时，可作为投保人：
                自然人或法人必须具备
                <Tooltip :definition="definitions.termA">
                    <bl>完全民事行为能力</bl>
                </Tooltip>
                
                对被保险人<b>具有保险利益</b>；具有<b>缴纳保费</b>的能力，
                <b>愿意承担</b>支付保费的<b>义务</b>。
            </p>
        </div>
        <!-- <div class="whiteline"></div> -->

        <div class="title2">
            <h2 class="wow fadeInDown">
                ·保险合同的成立与生效
            </h2>
        </div>
        <div class="content">
            <p class="wow fadeInDown">
                您提出保险要求，经保险公司同意承保，保险合同成立。保险公司应当及时向您签发<b>保险单或者其他保险凭证</b>。保险单或者其他保险凭证应当载明您与保险公司约定的合同内容，您与保险公司也可以<b>约定</b>采用其他书面形式载明合同内容。
            </p>
        </div>
        
    </div>
    
    

</template>

<style scoped>
@import '@/assets/css/riskdeccss.css';
</style>


